<template>
  <div>
    <div>TestView组件拥有的所有内容：{{ a }},{{ b }},{{ c }},{{ d }}，{{ fn }}</div>
  </div>
</template>

<script setup lang="ts">
// defineExpose是编译宏，编译宏不需要导入即可使用
// import { defineExpose } from "vue"

const a = "a"
const b = "b"
const c = "c"
const d = "d"
const fn = () => {
  console.log("fn")
}

// 暴露出去给外部访问的内容
defineExpose({ b, c, fn })
</script>

<style scoped></style>
